<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" id="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<link href="./css/reset.css" rel="stylesheet" type="text/css">
<link href="./css/classify.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="./js/cart.js"></script>
</head>
<body>
	<div class="near-box">
		<div class="yx-index-top">
			<div class="index-top-box2">
				<span class="fresh-toptext1">派送至：上海临港大学城</span>
				<span class="fresh-topimg1"></span>
			</div>
			<div class="index-top-box1">
				<span class="index-top-img1">
					<img src="./images/search3.png" alt="">
				</span>
			</div>
		</div>
		<div class="classify-bigbox">
			<div class="classify-left">
				<div class="classify-perch"></div>
				<span class="classify-text1 pitch-on2">热销新品</span>
				<span class="classify-text1">优选水果</span>
				<span class="classify-text1">卤味熟食</span>
				<span class="classify-text1">牛奶面包</span>
				<span class="classify-text1">热饮</span>
				<span class="classify-text1">冰淇淋</span>
				<div class="classify-perch2"></div>
			</div>
			<div class="classify-right content2">
				<div class="classify-perch-r"></div>

				<!--商品列表循环-->
				<div class="classify-box1">
					<a href="./goods-details.html" class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</a>
					<div class="classify-box2">
						<a href="./goods-details.html" class="classify-box2-text1">新鲜青柠500g/盒</a>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img4.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img2.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img8.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img9.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>


				<!--商品列表循环-->
				<div class="classify-perch2"></div>
			</div>


			<div class="classify-right content2" style="display: none">
				<div class="classify-perch-r"></div>

				<!--商品列表循环-->
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价2</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价2</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>

				<div class="classify-perch2"></div>
			</div>
			<div class="classify-right content2" style="display: none">
				<div class="classify-perch-r"></div>

				<!--商品列表循环-->
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价3</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>
				<div class="classify-perch2"></div>
			</div>
			<div class="classify-right content2" style="display: none">
				<div class="classify-perch-r"></div>


				<!--商品列表循环-->
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价4</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>
				<div class="classify-perch2"></div>
			</div>
			<div class="classify-right content2" style="display: none">
				<div class="classify-perch-r"></div>

				<!--商品列表循环-->
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价5</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>
				<div class="classify-perch2"></div>
			</div>
			<div class="classify-right content2" style="display: none">
				<div class="classify-perch-r"></div>

				<!--商品列表循环-->
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价56</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>
				<div class="classify-box1">
					<span class="classify-box1-img1">
						<img src="./del/fruits-img7.png" alt="">
					</span>
					<div class="classify-box2">
						<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价56</span>
						<span class="classify-box2-text2">￥10.8</span>
						<div class="shop-cart-box3">
							<span class="shop-cart-subtract"></span>
							<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
							<span class="shop-cart-add"></span>
						</div>
					</div>
				</div>
				<div class="classify-perch2"></div>
			</div>

		</div>
		<!--底部-->
		 <div class="kaola-bottom">
		<a href="/carworld_weixin/" class="kaola-bottom-box1">
			<span class="kaola-bottom-img1"><img src="/carworld_weixin/ssx/images/home.png"></span>
			<span class="kaola-bottom-text1 text2">首页</span>
		</a>
		<a href="http://food.3kkk.xyz/carworld_weixin/order/customerOrder?shopId=a760920e23624cbaa1898f5bdcb58c92" class="kaola-bottom-box1">
			<span class="kaola-bottom-img1"><img src="/carworld_weixin/ssx/images/search3.png"></span>
			<span class="kaola-bottom-text1">分类</span>
		</a>
		<a href="/carworld_weixin/pages/page_userOrder/myOrder.html" class="kaola-bottom-box1">
			<span class="kaola-bottom-img1"><img src="/carworld_weixin/ssx/images/shop-cart1.png"></span>
			<span class="kaola-bottom-text1">我的订单</span>
		</a>
		<a href="/carworld_weixin/user/userPage" class="kaola-bottom-box1">
			<span class="kaola-bottom-img1"><img src="/carworld_weixin/ssx/images/people1.png"></span>
			<span class="kaola-bottom-text1">我的</span>
		</a>
	</div>
	</div>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
	
		function switab(tab, con, tab_c_css, tab_n_css, no) {
			$(tab).each(function(i) {
				if (i == no) {
					$(this).addClass(tab_c_css);
				} else {
					$(this).removeClass(tab_c_css);
					$(this).addClass(tab_n_css);
				}
			})
			if (con) {
				$(con).each(function(i) {
					if (i == no) {
						$(this).show();
					} else {
						$(this).hide();
					}
				})
			}
		}
		$(document).ready(function() {
			$(".classify-text1").each(function(i) {
				$(this).click(function() {
					switab('.classify-text1', '.content2', 'pitch-on2', '', i);
				})
			})
		});

		$(".price").click(function() {
			$(this).children(".sort-img").hide();
			$(this).children(".sort-img2").show();
			$(this).children(".sort-img2").toggleClass("img3");
		});
		$(".classifyrt-text1").click(function() {
			$(this).addClass("tcolor-yellow");
			$(this).siblings(".classifyrt-text1").removeClass("tcolor-yellow");
		});
		$(".list-show").click(
				function() {
					$(this).parent(".classify-right-title").next(
							".classify-list").slideToggle();
				});

		$(".shop-cart-add").click(function() {
			var multi = 0;
			var vall = $(this).prev().val();
			vall++;
			$(this).prev().val(vall);
			TotalPrice();
		});
		$(".shop-cart-subtract").click(function() {
			var multi = 0;
			var vall = $(this).next().val();
			vall--;
			if (vall <= 0) {
				vall = 0;
			}
			$(this).next().val(vall);
			TotalPrice();
		});
	</script>
</body>
</html>